<template>
  <div>
    <h2>关于我们</h2>
    <Aboutone :common="common"></Aboutone>
    <Abouttwo :common="common"></Abouttwo>
  </div>
</template>

<script>
  import Aboutone from '@/components/Aboutone.vue';
  import Abouttwo from '@/components/Abouttwo.vue';
  export default {
    name:'About',
    components:{
      Aboutone,
      Abouttwo
    },
    created(){
      console.log('aboutme created')

      this.$EventBus.$on('comChange',(com)=>{
        console.log(com)
        this.common = com
      })
    },
    mounted(){
      console.log('aboutme mounted')
    },
    data(){
      return {
        common:'公共属性'
      }
    },
    methods:{

    }
  }
</script>

<style lang="scss" scoped>

</style>